@import "../../../components/style/variables.less";

.shopping-orderProducts {
    .padding-top();
    .padding-bottom(20px);

    .text-primary {
        font-weight: bold;
    }

    .icon-chevron-right {
        font-size: @font-size-h4 + 4;
        position : relative;
        top      : 4px;
    }

    .address {
        .icon-chevron-right {
            position: relative;
            top     : -30px;
            right   : 0px;
        }
    }

    footer {
        background-color: @bg-color;
    }

    .img-responsive {
        height: 100%;
    }
}

.available-coupons {
    .nav-tabs {
        background-color: @brand-primary;
        color           : white;
        height          : @nav-height;
        font-size       : @topbar-font-size;
    }

    .modal {
        .modal-dialog {
            right           : 0px;
            top             : 0px;
            bottom          : 0px;
            background-color: white;
            width           : 100%;
            margin          : 0px;
            position        : fixed;

            .modal-content {
                border-radius: 0px;
                top          : 0px;
                bottom       : 0px;
                width        : 100%;
                position     : fixed;
                border       : none;


                .modal-header {
                    padding         : 0px;
                    background-color: white;
                    opacity         : 1;
                }

                .modal-body {
                    overflow: hidden;
                }
            }
        }
    }
}